 $(document).ready(function(){
	//选项卡
	$(".pay-container .pay-box .pay-content .pay-tab .pay-tab-item").on("click",function(){
		var index = $(this).index();
		$(this).addClass("pay-tab-item-active").siblings().removeClass("pay-tab-item-active");
		$(".pay-container .pay-box .pay-content .pay-tab-container .con-item:eq("+index+")").show().siblings().hide();
	});
     /*银行卡hover效果*/
    $(".pay_bank").on('mouseover',function(){
        $(this).addClass('bank-hover');
        $('.bank-check').on('click',function(){
            $(this).parent().addClass('bank-active');
        })
    })
     $(".pay_bank").on('mouseout',function(){
        $(this).removeClass('bank-hover');
    })

});

var payBankPanel = null,layer = null;

	layui.use('layer', function(){
		$(".quick-pay-btn:eq(0)").on("click",function(){
				payBankPanel =layer.open({
		              type: 2,
		              title: false,
		              skin:'bank-layer-skin',
		              closeBtn:0,
		              scrollbar: false,
		              area: ['660px', '412px'],
		              content: 'http://localhost:63342/html_yangquan/pay/pay_layui.html?_ijt=dkpj8uisohgqs9p0ql4d9n4en9'
		        });
		})
	});

var payBankPanelClose = function(){
    layer.close(payBankPanel);
}

var init={
  select:function () {/*银行卡选中状态*/
        $('.bank-item').on('click',function () {

           $this=$(this).find('.bank_pay_select')
			var img="../images/bank/Unchecked.png";
        	$this.css('background','url("../images/bank/Selected.png") no-repeat').parent().siblings('div').find('.bank_pay_select').css('background','url('+img+') no-repeat')
        })
  },
    angreeCheckBox:function () {
		$('.internet').on('click',function(){
			var $img= $(this).find('img')
			if($img.css('display')=='none'){
                $img.show();
                $img.siblings('input').attr('checked',true)
			}else {
                $img.hide()
                $img.siblings('input').attr('checked',false)
			}
		})
    },
    hover:function(){
    /*移动卡包*/
    $('.card-item-arrow').on('mouseenter',function(){
    	$(this).stop().animate({marginLeft:'215px'},200)
    	init.arrowClick();
    }).mouseleave(function(){
    	$(this).stop().animate({marginLeft:'200px'},200)
    })	
    },
    /*点击展开银行卡*/
    arrowClick:function(){
    	$('.card-item-arrow').on('click',function(){
    		$(this).parent().hide().siblings('.hide').fadeIn()
    	})
    }
}

init.hover()
init.angreeCheckBox()
init.select()

